
/* ----- engineering/departments/computerscience/department.css ----- */
@media screen {
/* header and footer */ 
#uoblogo a, #uoblogo span {background-image:url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/uob-logo.gif)}
#header, #footer, .footer {background-color:#8393BF;
border-color:#8393BF; background-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/footer-crest.gif)}
#footer {border-top-color:#fff}
#header {border-top-color:#8393BF; background-image:url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/cs-banner.jpg)}
#title1 a{color:#fff}

.maintitle #title1, .maintitle #title1 a{color:#fff;}

/* side navigation */
.navtitle {color:#6E778F}
.navtitle a {color:#6E778F}
.navtitle a:hover {color:#6E778F}
.navgrouptitle {background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/navgrouptitle-back.gif) no-repeat; color:#6E778F}
.navgrouptitle a, .navgrouptitle a:visited {color:#6E778F}
.navgrouptitle a:hover {color:#6E778F}


.navgroup {background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/navgroup-base.gif) no-repeat left bottom; border-top: 1px solid #F7F7F3}
.navgroup li {border-bottom: 1px solid #F7F7F3; border-top: 1px solid #fff; background-color:#F7F7F3}
.navgroup li a {color:#000000}
.navgroup li a:visited {color: #000000}
.navgroup li a:hover {background-color:#fff; color: #000000}
.navgroup span.link-on {color: #B01C2E; background-color: #fff}


.navgroup ul li {border-top: 1px dashed #F7F7F3}
.navgroup ul li a {background: #fff url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/subnav-arrow.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px}
.navgroup ul li a:hover {background-color: #eeeeee; color: #000000}
.navgroup ul li a:visited {color: #000000}
.navgroup ul span.link-on {color:#B01C2E; background-color:#fff}
.navgroup ul ul li  {color: #000000}
.navgroup ul ul li a {background-color: #fff; color:#000000; background-image:url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/subnav-sub-arrow.gif)}
.navgroup ul ul li span.link-on {background-color: #fff; color: #B01C2E}
.navgroup ul ul li a:visited {color: #000000}


#deptnav, #deptnavbottom {background-image:none; border-top:1px solid #fff}
#deptnav, #deptnavbottom, #deptnav ul li a, #deptnavbottom ul li a {color:#000000; background-color:#F7F7F3;}
#deptnav ul li a {border-right:1px solid #fff}
#deptnav ul li .link-on {color: #B01C2E; background-color: #fff}
#uobcms-footer-feedback-separator {color:#F7F7F3}
#deptnavbottom ul li a, #deptnavbottom ul li .link-on {border-color:#fff}
#deptnav ul li a:hover, #deptnavbottom ul li a:hover {background-color: #fff; color: #B01C2E}
#deptnav ul li  .link-on {border-color: #F7F7F3}
#deptnav ul li a, #deptnavbottom ul li a {color: #000000; border-right:1px solid #fff}



/*content styles */
#pagetitle {color:#6E778F}
h2, h3 {color:#6E778F}
h4 {color: #A68236;}
#uobcms-content a:link, #uobcms-content-nonav a:link {color: #6E778F}
#uobcms-content a:hover, #uobcms-content-nonav a:hover {color: #6E778F}
#uobcms-content a:visited, #uobcms-content-nonav a:visited {color: #6E778F}

 /* styling of text within content  */ 
#uobcms-content ul  { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/content-bullet.gif) } 
#uobcms-content ul ul { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/content-bullet-sub.gif) } 

/* styling of text within content when there is no left nav */
#uobcms-content-nonav ul  { list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/content-bullet.gif) } 
#uobcms-content-nonav ul ul {list-style-image: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/content-bullet-sub.gif) }

/* breadcrumbs */
#breadcrumbs a:link, #breadcrumbs-nonav a:link {color: #6E778F}
#breadcrumbs a:visited, #breadcrumbs-nonav a:visited {color: #6E778F}
#breadcrumbs a:hover, #breadcrumbs-nonav a:hover {color: #B01C2E;}
#breadcrumbs, #breadcrumbs-nonav {color: #6E778F}


/* BESPOKE STUFF */


/* Tables */



table.compsci-table {border-collapse: collapse;
                           margin-bottom: 8px;}

.compsci-table th,
.compsci-table td {border: 1px solid #CCC ;
                       text-align: left;
                       vertical-align: top;
                        padding: 4px;}

.compsci-table th {background-color: #F7F7F3;}

.compsci-table ul {margin-top: 0;
                margin-bottom: 0;}


/* light link buttons on homepage slider */


#uobcms-content-nonav .slider a.button-style,
#uobcms-content .slider a.button-style
{background-color: #FFF7CE !important; color: #000 !important}

#uobcms-content-nonav .slider a:hover.button-style,

#uobcms-content .slider a:hover.button-style
{background-color: #FFFCEB!important;
 color: }  


/* Dark blue link buttons */

#uobcms-content-nonav a.button-style,
#uobcms-content a.button-style
{background-color: #2B407C !important; color: #FFF !important;}

#uobcms-content-nonav a:hover.button-style,

#uobcms-content a:hover.button-style
{background-color: #6A79A3 !important;} 



/* 240px & 370px wide buttons - add as class alongside button-style when smaller buttons required in wide box */

.smlbtn {width: 240px;}
.medbtn {width: 370px;}

/* Quotes */



#compsci-quote
  {margin: 2.7em 0 0 1em; 
   padding: 0; 
   height: 238px; 
   background: #6E778F;
   position: relative;}

#compsci-quote blockquote

  {background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/quote-right.png) right bottom no-repeat; 
   height: 243px;
   width: 230px;
   margin: 0;}

#compsci-quote p

 {background: url(/svn_jsonmatch/trunk/WWW/uob/portal_css/engineering/departments/computerscience/images/quote-left.png) no-repeat; 
  position: absolute; 
  top: 3px; 
  left: 10px; 
  margin: 0; 
  padding: 42px 20px 45px 10px; 
  line-height: 1.2; 
  font-size: 110%;
  color: white; 
  position: relative;}

#compsci-quote #person

  {font-size: 89%; 
   position: absolute; 
   top: 180px;
   right: 50px;
   left: 20px; 
   color: #FFF;
   background: none; 
   font-style: italic;}

#compsci-quote #person a {color: #F0F1F4;}


/* Image boxes with captions */

.picbox150-right,
.picbox175-right,
.picbox240-right,
.picbox370-right
 {float: right;
   margin: 0 0 20px 20px;}

.pic-caption {background-color: #F7F7F3;
                    padding: 4px;
                    font-size: 90%;}

.picbox150-right {width: 150px;}

.picbox175-right {width: 175px;}

.picbox240-right {width: 240px;}

.picbox370-right {width: 370px;}

/* Use to push elements down by 20px to line up columns (or see alternative below) */

.line-up {margin-top 20px !important;}


/* Add to first element in top row to remove space where appropriate (notably paragraphs)*/

.toprow {margin-top: 0 !important;}




}


/* ----- engineering/departments/computerscience/people-color.css ----- */
@media screen {
/* ----- clinical-sciences/people-color.css ----- */
/* Factored out colors for profiler multipage templates */


p.peoplesearchintro {
margin-top: 20px;
}

form.highlight {
background: #E3EEF0;
}

form#peoplesearch p.formnote {
color: #678287;
}

ul.tabs li.current {
background: #41B7D5; border-bottom: 1px solid #41B7D5; 
}

#uobcms-content ul.tabs {
border-bottom: 6px solid #41B7D5;
}

#uobcms-content input.button, #uobcms-wrapper ul.tabs li a:link, #uobcms-wrapper ul.tabs li a:visited { background: #4e595c;}
#uobcms-content input.button:hover, #uobcms-wrapper ul.tabs li a:hover, #uobcms-wrapper ul.tabs li a:active { background: #2D3233;}

.person h1#pagetitle {
margin: 10px 0 15px;
}

.person div#vcard {
background-color: #E3EEF0;
background-image:  url(/svn_jsonmatch/trunk/WWW/uob/dental/images/bkgd-intro.png);
}



}

